<!DOCTYPE html>
<html lang="en">
<head>
<title>Aloha Water - premium fresh water</title>
<meta charset="utf-8">

<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/main.js"></script>

<!--[if lt IE 8]>
		<div style=' clear: both; text-align:center; position: relative;z-index:100;'>
			<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a>
		</div>
	<![endif]-->

</head>
<body>
<div class="spinner"></div>

<div id="bgStretch"><img src="images/bg1.jpg" alt=""></div>

<div class="extra">

<footer>
<div class="slogan">
<div class="txt1">Nước tinh khiết Aloha</div>
<div class="txt2">Địa chỉ: 59 Láng Hạ, Ba Đình, Hà Nội</br>
ĐT: 04 3.678.8989    Hotline: 096.432.8800</div>
</div>
<ul class="icons">
    <li><a href="#"><img src="images/social_ic1.png"></a></li>
    <li><a href="#"><img src="images/social_ic2.png"></a></li>
    <li><a href="#"><img src="images/social_ic3.png"></a></li>
    <li><a href="#"><img src="images/social_ic4.png"></a></li>
    <li><a href="#"><img src="images/social_ic5.png"></a></li>
    <li><a href="#"><img src="images/social_ic6.png"></a></li>
</ul>
<div class="tola">
                  
                  <div id="jquery_jplayer" class="jp-jplayer"></div>

		<!-- Using the cssSelectorAncestor option with the default cssSelector class names to enable control association of standard functions using built in features -->

		<div id="jp_container" class="jp-audio">
        	<ul class="jp-controls">
            
						<li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">Nhạc: Bật</a></li>
						<li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">Nhạc: Tắt</a></li>

			</ul>            

		</div>
</div>
<div class="copyright2"><a href="#">Gửi mail</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#!/page_PRIVACY">Chính sách</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</div>
<div class="clear"></div>
<div class="copyright">Copyright © 2014. Bản quyền thuộc về công ty Hoàng Sa Việt Nam.</div>
</footer>

<div class="main3">

</div>

<nav class="menu">
        <ul id="menu">
          <li><a href="#!/page_HOME"><span class="over"></span><span class="txt1">Trang chủ</span><span class="txt2">Trang chủ</span></a></li>
          <li><a href="#!/page_ABOUT"><span class="over"></span><span class="txt1">Giới thiệu</span><span class="txt2">Giới thiệu</span></a></li>
          <li><a href="#!/page_PRODUCTS"><span class="over"></span><span class="txt1">Sản phẩm</span><span class="txt2">Sản phẩm</span></a></li>
          <li><a href="#!/page_SERVICES"><span class="over"></span><span class="txt1">Dịch vụ</span><span class="txt2">Dịch vụ</span></a></li>
          <li><a href="#!/page_PARTNERS"><span class="over"></span><span class="txt1">Đối tác</span><span class="txt2">Đối tác</span></a></li>
          <li><a href="#!/page_CONTACTS"><span class="over"></span><span class="txt1">Liên hệ</span><span class="txt2">Liên hệ</span></a></li>

        </ul>
</nav>

<div class="main1"></div>

<div class="main2">

<header>
<a href="index.html" class="logo">

<!--<div class="txt1"><span>Aloha</span>Water</div>
<div class="txt2">premium fresh water</div>-->
<div class="imglogo"><img src="images/logo.png" /></div>
</a>
</header>

<nav class="menu_splash">
        <ul id="menu_splash">
          <li class="nav1"><a href="#!/page_HOME"><span class="over1"></span><span class="over2"></span><span class="txt1">trang chủ</span><span class="txt2"></span></a></li>
          <li class="nav2"><a href="#!/page_ABOUT"><span class="over1"></span><span class="over2"></span><span class="txt1">giới thiệu</span><span class="txt2"></span></a></li>
          <li class="nav3"><a href="#!/page_PRODUCTS"><span class="over1"></span><span class="over2"></span><span class="txt1">sản phẩm</span><span class="txt2"></span></a></li>
          <li class="nav4"><a href="#!/page_SERVICES"><span class="over1"></span><span class="over2"></span><span class="txt1">dịch vụ</span><span class="txt2"></span></a></li>
          <li class="nav5"><a href="#!/page_PARTNERS"><span class="over1"></span><span class="over2"></span><span class="txt1">đối tác</span><span class="txt2"></span></a></li>
          <li class="nav6"><a href="#!/page_CONTACTS"><span class="over1"></span><span class="over2"></span><span class="txt1">liên hệ</span><span class="txt2"></span></a></li>
          
        </ul>
</nav>

<!--content -->
			<article id="content">

				<ul>
                
                  <li id="page_SPLASH"></li>
                  
                  <li id="page_HOME">
                  <a href="#!/page_SPLASH" class="close"><span></span></a>
                  <div class="box">
                  
                  		<div class="col1">
                        
                        		<h2>Xin chào!</h2>
                                
                                <div class="video1"><a href="http://www.youtube.com/watch?v=kh29_SERH0Y?rel=0" rel="prettyPhoto[mixed]" title="YouTube Demo"><img src="images/home01.jpg"></a></div>
                                <strong class="text color1">
                                Tiêu đề chính.
                                </strong>
                                <p class="text">
                                Giới thiệu về công ty 
                                </p>
                                <a href="#!/page_MORE" class="button1">Đọc tiếp</a>
                                
                        
                        </div>
                  		<div class="col0"></div>
                  		<div class="col2">
                        
                        		<h2>What We Do</h2>
                                
                                <p class="text">
                                Giới thiệu làm gì
                                </p>
                                
                                <h2>Sản phẩm chính</h2>
                                
                                <ul class="ul1">
                                                      <li>Sản phẩm 1</li>
                                                      <li>Sản phẩm 2</li>
                                                      <li>Sản phẩm 3</li>
                                                      <li>Sản phẩm 4</li>
                                                      <li>Sản phẩm 5</li>
                                    </ul>
                                
                                
                                
                        
                        </div>
                  		<div class="col0"></div>
                  		<div class="col3">
                        
                        		<h2>Tin tức nổi bật</h2>
                                
                                <div class=" scroll-pane"><div>
                                
                                		<img src="images/home02.jpg" class="border1 border2 left img2">
                                        <div class="table">
	                                        <strong class="text color1">
	                                        Tin 1.
	                                        </strong>
                                            <p class="">
                                            Nội dung tin 1<br>
                                            <a href="#">Tiếp</a>
                                            </p>
                                        </div>
                                        <div class="clear"></div>
                                        
                                        <br>
                                        
                                        <img src="images/home03.jpg" class="border1 border2 left img2">
                                        <div class="table">
	                                        <strong class="text color1">
	                                        Tin 2.
	                                        </strong>
                                            <p class="">
                                            Nội dung tin 2<br>
                                            <a href="#">Tiếp</a>
                                            </p>
                                        </div>
                                        <div class="clear"></div>
                                        
                                        <br>
                                        
                                        <img src="images/home04.jpg" class="border1 border2 left img2">
                                        <div class="table">
	                                        <strong class="text color1">
	                                        Tin 3.
	                                        </strong>
                                            <p class="">
                                            Nội dung tin 3<br>
                                            <a href="#">Tiếp</a>
                                            </p>
                                        </div>
                                        <div class="clear"></div>
                                        
                                        <br>
                                        
                                        <img src="images/home05.jpg" class="border1 border2 left img2">
                                        <div class="table">
	                                        <strong class="text color1">
	                                        Tin 4.
	                                        </strong>
                                            <p class="">
                                            Nội dung tin 4<br>
                                            <a href="#">Tiếp</a>
                                            </p>
                                        </div>
                                        <div class="clear"></div>
                                        
                                        <br>
                                        
                                        <img src="images/home02.jpg" class="border1 border2 left img2">
                                        <div class="table">
	                                        <strong class="text color1">
	                                        Tin 5.
	                                        </strong>
                                            <p class="">
                                            Nội dung tin 5<br>
                                            <a href="#">Tiếp</a>
                                            </p>
                                        </div>
                                        <div class="clear"></div>                                    
                                        
                                
                                </div></div>
                        
                        </div>
                        <div class="clear"></div>
                  
                  </div>
                  </li>
                  
                  <li id="page_ABOUT">
                  <a href="#!/page_SPLASH" class="close"><span></span></a>
                  <div class="box">
                  
                  		<div class="col1">
                        
                        		<h2>Our Vision</h2>
                                
                                <img src="images/about01.jpg" class="left border1 border2 img3">
                                <strong class="text color1">
                                Tiêu đề tầm nhìn.
                                </strong>
                                <p class="text">
                                Nội dung tầm nhìn<br>
                                <a href="#">Đọc tiếp</a>
                                </p>
                                <div class="clear"></div>
                                
                                <div class="line1"></div>
                                
                                <h2>Who We Are</h2>
                                
                                <strong class="text color1">
                                Tiêu đề tôi là ai.
                                </strong>
                                <p class="text">
                                Nội dung tôi là ai.
                                </p>
                                
                                <a href="#!/page_MORE" class="button1">Đọc tiếp</a>
                                
                        
                        </div>
                  		<div class="col0"></div>
                  		<div class="col2">
                        
                        		<h2>Lịch sử công ty</h2>
                                
                                <p class="text">
                                Nội dung lịch sử công ty.<br> 
                                </p>
                                
                                <a href="#!/page_MORE" class="button1">Đọc tiếp</a>
                                
                        
                        </div>
                  		<div class="col0"></div>
                  		<div class="col3">
                        
                        		<h2>Testimonials</h2>
                                
                                <div class=" scroll-pane"><div>
                                
                                		<img src="images/about02.jpg" class="border1 border2 left img2">
                                        <div class="table">
	                                        <strong class="text color1">
	                                        Đặng Văn A
	                                        </strong>
                                            <p class="text">
                                            Nội dung<br>
                                            <a href="#">Đọc tiếp</a>
                                            </p>
                                        </div>
                                        <div class="clear"></div>
                                        
                                        <div class="line1"></div>
                                        
                                        <img src="images/about03.jpg" class="border1 border2 left img2">
                                        <div class="table">
	                                        <strong class="text color1">
	                                        Nguyễn Đình B
	                                        </strong>
                                            <p class="text">
                                            Nội dung<br>
                                            <a href="#">Đọc tiếp</a>
                                            </p>
                                        </div>
                                        <div class="clear"></div>
                                        
                                        <div class="line1"></div>
                                        
                                        <img src="images/about04.jpg" class="border1 border2 left img2">
                                        <div class="table">
	                                        <strong class="text color1">
	                                        Trần Văn C
	                                        </strong>
                                            <p class="text">
                                            Nội dung<br>
                                            <a href="#">Đọc tiếp</a>
                                            </p>
                                        </div>
                                        <div class="clear"></div>
                                        
                                        <div class="line1"></div>
                                        
                                        <img src="images/about05.jpg" class="border1 border2 left img2">
                                        <div class="table">
	                                        <strong class="text color1">
	                                        Phạm Thị D
	                                        </strong>
                                            <p class="text">
                                            Nội dung<br>
                                            <a href="#">Đọc tiếp</a>
                                            </p>
                                        </div>
                                        <div class="clear"></div>                                
                                        
                                
                                </div></div>
                        
                        </div>
                        <div class="clear"></div>
                  
                  </div>
                  </li>
                  
                  <li id="page_PRODUCTS">
                  <a href="#!/page_SPLASH" class="close"><span></span></a>
                  <div class="box">
                  
                  		<div class="col4">
                        
                        		<h2>Sản phẩm chính</h2>
                                
                                <div class=" scroll-pane"><div>
                                
                                		<div class="prd1">
				                                <div class="photo1"><a href="images/products01_big.jpg" rel="prettyPhoto[pp_gal1]" title="Photo Title"><img src="images/products01.jpg"></a></div>
				                                <div class="table">
				                                <strong class="text color1">
				                                Bình nước 1     
				                                </strong>
				                                <p class="text">
				                                Nội dung 1.
				                                </p>
				                                <div class="txt">
				                                <span class="txt1">Giá: </span><span class="txt2">0 VNĐ</span>
				                                </div>
				                                <a href="#" class="button2">Mua ngay</a>	
				                                </div>
				                                <div class="clear"></div>					                        
				                        </div>
                                        
                                        <div class="prd1 last">
				                                <div class="photo1"><a href="images/products02_big.jpg" rel="prettyPhoto[pp_gal1]" title="Photo Title"><img src="images/products02.jpg"></a></div>
				                                <div class="table">
				                                <strong class="text color1">
				                                Bình nước 2     
				                                </strong>
				                                <p class="text">
				                                Nội dung 2.
				                                </p>
				                                <div class="txt">
				                                <span class="txt1">Giá: </span><span class="txt2">0 VNĐ</span>
				                                </div>
				                                <a href="#" class="button2">Mua ngay</a>	
				                                </div>
				                                <div class="clear"></div>					                        
				                        </div>
                                        
                                        <div class="clear"></div>
                                        
                                        <div class="prd1">
				                                <div class="photo1"><a href="images/products03_big.jpg" rel="prettyPhoto[pp_gal1]" title="Photo Title"><img src="images/products03.jpg"></a></div>
				                                <div class="table">
				                                <strong class="text color1">
				                                Bình nước 3     
				                                </strong>
				                                <p class="text">
				                                Nội dung 3.
				                                </p>
				                                <div class="txt">
				                                <span class="txt1">Giá: </span><span class="txt2">0 VNĐ</span>
				                                </div>
				                                <a href="#" class="button2">Mua ngay</a>	
				                                </div>
				                                <div class="clear"></div>						                        
				                        </div>
                                        
                                        <div class="prd1 last">
				                                <div class="photo1"><a href="images/products04_big.jpg" rel="prettyPhoto[pp_gal1]" title="Photo Title"><img src="images/products04.jpg"></a></div>
				                                <div class="table">
				                                <strong class="text color1">
				                                Bình nước 4     
				                                </strong>
				                                <p class="text">
				                                Nội dung 4.
				                                </p>
				                                <div class="txt">
				                                <span class="txt1">Giá: </span><span class="txt2">0 VNĐ</span>
				                                </div>
				                                <a href="#" class="button2">Mua ngay</a>	
				                                </div>
				                                <div class="clear"></div>						                        
				                        </div>
                                        
                                        <div class="clear"></div>
                                        
                                        <div class="prd1">
				                                <div class="photo1"><a href="images/products05_big.jpg" rel="prettyPhoto[pp_gal1]" title="Photo Title"><img src="images/products05.jpg"></a></div>
				                                <div class="table">
				                                <strong class="text color1">
				                                Bình nước 5     
				                                </strong>
				                                <p class="text">
				                                Nội dung 5.
				                                </p>
				                                <div class="txt">
				                                <span class="txt1">Giá: </span><span class="txt2">0 VNĐ</span>
				                                </div>
				                                <a href="#" class="button2">Mua ngay</a>	
				                                </div>
				                                <div class="clear"></div>				                        
				                        </div>
                                        
                                        <div class="prd1 last">
				                                <div class="photo1"><a href="images/products06_big.jpg" rel="prettyPhoto[pp_gal1]" title="Photo Title"><img src="images/products06.jpg"></a></div>
				                                <div class="table">
				                                <strong class="text color1">
				                                Bình nước 6     
				                                </strong>
				                                <p class="text">
				                                Nội dung 6.
				                                </p>
				                                <div class="txt">
				                                <span class="txt1">Giá: </span><span class="txt2">0 VNĐ</span>
				                                </div>
				                                <a href="#" class="button2">Mua ngay</a>	
				                                </div>
				                                <div class="clear"></div>					                        
				                        </div>                     
                                        
                                
                                </div></div>                             
                        
                        </div>
                  		<div class="col0"></div>
                  		<div class="col5">
                        
                        		<h2>Danh mục sản phẩm</h2>
                                
                                <ul class="ul2">
                                          <li><a href="#">Danh mục 1</a></li>
                                          <li><a href="#">Danh mục 2</a></li>
                                          <li><a href="#">Danh mục 3</a></li>
                                </ul>                  
                        
                        </div>                  		
                        <div class="clear"></div>
                  
                  </div>
                  </li>
                  
                  <li id="page_SERVICES">
                  <a href="#!/page_SPLASH" class="close"><span></span></a>
                  <div class="box">
                  
                  		<div class="col6">
                        
                        		<h2>Dich vụ</h2>
                                
                                <div class=" scroll-pane"><div>
                                
                                		<ul class="ul2">
		                                          <li><a href="#">Dịch vụ 1</a></li>
		                                          <li><a href="#">Dịch vụ 2</a></li>
		                                          <li><a href="#">Dịch vụ 3</a></li>
		                                </ul>                     
                                        
                                
                                </div></div>
                                
                                
                                
                        
                        </div>
                  		<div class="col0"></div>
                  		<div class="col7">
                        
                        		<h2>Special Offer</h2>
                                
                                <img src="images/services01.jpg" class="left border1 border2 img1">
                                
                                <p class="">
                                Nội dung.
                                </p>                                
                                <a href="#!/page_MORE" class="button1">Đọc tiếp</a>
                                
                                <div class="clear"></div>
                                
                         
                                
                                <h2>Overview</h2>
                                
                                <div class="col6">
                                
                                		<img src="images/services02.jpg" class="left border1 border2 img2">
                                        <div class="table">
                                        <strong class="text color1">
                                        Tiêu đề.
                                        </strong>
                                        <p class="text">
                                        Nội dung <a href="#">đọc tiếp</a>
                                        </p>
                                        </div>
                                        <div class="clear"></div>
                                
                                </div>
                                <div class="col6 pad_left2">
                                
                                
                                		<img src="images/services03.jpg" class="left border1 border2 img2">
                                        <div class="table">
                                        <strong class="text color1">
                                        Tiêu đề.
                                        </strong>
                                        <p class="text">
                                        Nội dung<a href="#">đọc tiếp</a>
                                        </p>
                                        </div>
                                        <div class="clear"></div>
                                        
                                </div>
                                <div class="clear"></div>                  
                                
                        
                        </div>                  		
                        <div class="clear"></div>
                  
                  </div>
                  </li>
                  
                  <li id="page_PARTNERS">
                  <a href="#!/page_SPLASH" class="close"><span></span></a>
                  <div class="box">
                  
                  		<div class="col1">
                        
                        		<h2>New Solutions</h2>
                                
                                <img src="images/partners01.jpg" class="left border1 border2 img3">
                                <strong class="text color1">
                                Tiêu đề.
                                </strong>
                                <p class="text">
                                Nội dung 
                                </p>
                                <a href="#!/page_MORE" class="button1">Đọc tiếp</a>
                                
                        
                        </div>                  		
                  		<div class="col0"></div>
                  		<div class="col8">
                        
                        		<h2>Đối tác</h2>
                                
                                <div class=" scroll-pane"><div>
                                
                                		<div class="partners1">                                        
                                        		<img src="images/partners02.jpg">                                                
                                                <p>
                                                Đối tác 1<br><a href="#">www.companyname.com</a>
                                                </p>                                        
                                        </div>
                                        <div class="partners1">                                        
                                        		<img src="images/partners03.jpg">                                                
                                                <p>
                                                Đối tác 2<br><a href="#">www.companyname.com</a>
                                                </p>                                        
                                        </div>
                                        <div class="partners1 last">                                        
                                        		<img src="images/partners04.jpg">                                                
                                                <p>
                                                Đối tác 3<br><a href="#">www.companyname.com</a>
                                                </p>                                        
                                        </div>
                                        
                                        <div class="clear"></div>
                                        
                                        <div class="partners1">                                        
                                        		<img src="images/partners05.jpg">                                                
                                                <p>
                                                Đối tác 4<br><a href="#">www.companyname.com</a>
                                                </p>                                        
                                        </div>
                                        <div class="partners1">                                        
                                        		<img src="images/partners06.jpg">                                                
                                                <p>
                                                Đối tác 5<br><a href="#">www.companyname.com</a>
                                                </p>                                        
                                        </div>
                                        <div class="partners1 last">                                        
                                        		<img src="images/partners07.jpg">                                                
                                                <p>
                                                Đối tác 6<br><a href="#">www.companyname.com</a>
                                                </p>                                        
                                        </div>
                                        
                                        <div class="clear"></div>
                                        
                                        <div class="partners1">                                        
                                        		<img src="images/partners08.jpg">                                                
                                                <p>
                                                Đối tác 7<br><a href="#">www.companyname.com</a>
                                                </p>                                        
                                        </div>
                                        <div class="partners1">                                        
                                        		<img src="images/partners09.jpg">                                                
                                                <p>
                                                Đối tác 8<br><a href="#">www.companyname.com</a>
                                                </p>                                        
                                        </div>
                                        <div class="partners1 last">                                        
                                        		<img src="images/partners10.jpg">                                                
                                                <p>
                                                Đối tác 9<br><a href="#">www.companyname.com</a>
                                                </p>                                        
                                        </div>
                                        
                                        <div class="clear"></div>
                                        
                                
                                </div></div>
                        
                        </div>
                        <div class="clear"></div>
                  
                  </div>
                  </li>
                  
                  <li id="page_CONTACTS">
                  <a href="#!/page_SPLASH" class="close"><span></span></a>
                  <div class="box">
                  
                  		<div class="col9">
                        
                        		<h2>Bản đồ</h2>
                                
                                <figure class="google_map"></figure>
                                
                                <strong class="text color1">
                                Công ty cổ phần Hoàng Sa Việt Nam.
                                </strong>
                                <p class="text">
                                59 Láng Hạ,<br>
Ba Đình, Hà Nội.<br>
SĐT: 0436788989<br>
E-mail: <a href="#">nuoc@aloha.vn</a>
                                </p>

                                
                        
                        </div>
                  		<div class="col0"></div>
                  		<div class="col10">
                        
                        		<h2>Liên hệ</h2>
                                
                                <div id="note">
                                          </div>
                                          <div id="fields">
                                              <form id="ajax-contact-form" action="javascript:alert('success!');">
                                              <div class="clear"></div>
                                              <label>Họ và tên:</label>
                                              <INPUT type="text" name="name" value="">
                                              <div class="clear"></div>
                                              <label >E-Mail:</label>
                                              <INPUT type="text" name="email" value="">
                                              <div class="clear"></div>
                                              <label >Số điện thoại:</label>
                                              <INPUT type="text" name="phone" value="">
                                              <div class="clear"></div>
                                              <label >Nội dung:</label>
                                              <TEXTAREA NAME="content"></TEXTAREA>
                                              <div class="clear"></div>
                                              <label class="c">Mã xác thực:</label>                                              
                                              <div class="left">
                                              <INPUT class="capthca" type="text" name="capthca" value=""> 
                                              <div class="clear"></div>                                             
                                              <INPUT class="submit" type="submit" name="submit" value="submit">
                                              </div>
                                              <img src="captcha/captcha.php">
                                              <div class="clear"></div>
                                              </form>
                                          </div> 
                                
                        
                        </div>
                  		
                  		
                        <div class="clear"></div>
                  
                  </div>
                  </li>
                  
                  <li id="page_PRIVACY">
                  <a href="#!/page_SPLASH" class="close"><span></span></a>
                  <div class="box">
                  
                  		<h2>Chính sách bảo mật</h2>
                        
                        <div class=" scroll-pane"><div>
                        
                        		<strong class="text color1">
                                Chính sách bảo mật.
                                </strong>
                                <p class="text">
                                Nội dung được trình bày ở đây  
                                </p>                    
                        </div></div>      		
                  		
                  </div>
                  </li>
                  
                  <li id="page_MORE">
                  <a href="#!/page_SPLASH" class="close"><span></span></a>
                  <div class="box">
                  
                  		<h2>Đọc tiếp</h2>
                        
                        <div class=" scroll-pane"><div>
                        
                        		<strong class="text color1">
                                Tiêu đề.
                                </strong>
                                <p class="text">
                                Nội dung đọc tiếp.  
                                </p>                               
                        
                        </div></div>   		
                  		
                  </div>
                  </li>
                  
                  
                </ul>
    </article>
<!--content end -->    


</div>

</div>

</body>
</html>
